---
title: Examples
section: More
order: 1
---

# Examples

Click on the examples below to open them on codesandbox.

<carbon-ad />

import Video from './Video'
import * as styles from './video.module.css'

<div className={styles.videos} style={{ marginTop: '2rem' }}>
  <Video video={'/videos/draggable.mp4'} id="draggable-list" badges={['drag']} />
  <Video video={'/videos/cards.mp4'} id="cards-stack" badges={['drag']} />
  <Video
    video={'/videos/actionsheet.mp4'}
    id="action-sheet"
    badges={['drag', 'touchaction', 'initial', 'rubberband']}
  />
  <Video video={'/videos/infinitescroll.mp4'} id="infinite-slideshow" badges={['wheel', 'drag']} />
  <Video video={'/videos/viewpager.mp4'} id="viewpager" badges={['drag']} />
  <Video video={'/videos/multi.mp4'} id="card-zoom" badges={['drag', 'pinch', 'wheel', 'move']} />
</div>
